main {
    width: 100%;
    height: 800px;
    background-color: rgba(232, 232, 232, 100);
}

// 第一板块
.top {
    width: 100%;
    height: 30vh;
    padding: 5%;
    // box-sizing: border-box;
    background: #fff;

    // 头像&用户名
    .avatar-box {
        display: flex;
        justify-content: flex-start;
        align-items: center;

        .avatar {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            border: 3px solid rgba(66, 148, 255, 100);

            img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        }

        /deep/.iconarrow-right {
            color: rgba(138, 138, 138, 100);
        }


    }

    // 用户签名
    .sgin-name {
        text-indent: 10px;
        color: rgba(138, 138, 138, 100);
        font-size: 18px;
        font-family: PingFangSC-regular;
    }
}

// 分割条
.division {
    width: 100%;
    height: 20px;
    background-color: rgba(232, 232, 232, 100);
}

// 个人动态
.dynamic {
    display: flex;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    height: 8vh;
    background: #fff;
    box-sizing: border-box;

    // icon图
    /deep/.icondynamic {
        font-size: 36px;
        color: rgba(66, 148, 255, 100);
    }

    /deep/.iconarrow-right {
        font-size: 36px;
        color: rgba(138, 138, 138, 100);
    }

}

.dys {
    height: 100%;
    display: flex;
    align-items: center;
}

// 运动数据
.rundata {
    width: 100%;
    height: 30vh;
    padding: 5%;
    background: #fff;
    box-sizing: border-box;

    .tit {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 7vh;
        line-height: 7vh;
        text-align: center;
        color: rgba(16, 16, 16, 100);
        font-size: 18px;
        font-family: PingFangSC-regular;

        /deep/.iconchart {
            font-size: 24px;
            color: rgba(66, 148, 255, 100)
        }

        /deep/.iconarrow-right {
            font-size: 36px;
            color: rgba(138, 138, 138, 100);
        }
    }

    .run-sum {
        width: 100%;
        display: flex;
        justify-content: space-between;

        .left {
            flex: 2;
            height: 16vh;
            text-indent: 10px;

            p {
                color: rgba(138, 138, 138, 100);
                font-size: 16px;
                text-align: left;
                font-family: PingFangSC-regular;
            }

            span {
                color: rgba(66, 148, 255, 100);
                font-size: 40px;
                text-align: left;
                font-family: SFUIText-regular;
            }
        }

        .right {
            flex: 3;
            height: 16vh;
            text-indent: 10px;
            border-left: 1px dashed rgba(187, 187, 187, 100);

            p {
                color: rgba(138, 138, 138, 100);
                font-size: 16px;
                text-align: left;
                font-family: PingFangSC-regular;
            }

            span {
                color: rgba(66, 148, 255, 100);
                font-size: 40px;
                text-align: left;
                font-family: SFUIText-regular;
            }
        }
    }
}

//运动徽章
.badge {
    width: 100%;
    height: 12vh;
    padding: 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(16, 16, 16, 100);
    font-size: 18px;
    text-align: left;
    background: #fff;
    font-family: PingFangSC-regular;

    /deep/.iconbadge {
        font-size: 36px;
        color: rgba(66, 148, 255, 100);
    }

    /deep/.iconarrow-right {
        font-size: 36px;
        color: rgba(138, 138, 138, 100);
    }
}

// 退出登录
.back {
    width: 100%;
    height: 8vh;
    line-height: 8vh;
    text-align: center;
    color: rgba(66, 148, 255, 100);
    font-size: 18px;
    background: #fff;
}

#upAvatar {
    display: none;
}